<template>
	<view class="page-container">
		<view class="login-container">
			<view class="login-item">
				<view class="logo">
					
				</view>
				<view class="font-20">
					<text>您好！</text>
				</view>
				<view class="font-20 padded-t-5 padded-b-10">
					<text>欢迎来到万道金融管理</text>
				</view>
				<uni-forms ref="form" :rules="rules" :modelValue="formData" label-position="top">
					<view class="border-b-F5F5F5 form-item-view font-14">
						<uni-forms-item label="手机号" name="mobile">
							<uni-easyinput v-model="formData.mobile" :inputBorder="false" placeholder="请输入手机号" prefixIcon="phone" />
						</uni-forms-item>
					</view>
					<view class="border-b-F5F5F5 form-item-view">
						<uni-forms-item label="密码" name="password">
							<uni-easyinput type="password" v-model="formData.password" :inputBorder="false" placeholder="请输入密码" prefixIcon="locked" />
						</uni-forms-item>
					</view>
					<view class="text-right padded-t-15 color-007aff font-12">
						<text>验证码注册登录</text>
					</view>
					<view class="padded-t-15">
						<button type="primary" class="font-14">登录</button>
					</view>
					<view class="clearfix login-bottom font-12">
						<view class="" style="padding-top: 3px;">
							<uni-data-checkbox multiple v-model="formData.agreement" :localdata="agreement"></uni-data-checkbox>
						</view>
						<view class="">
							<text>登录即表示您同意</text>
							<text class="color-007aff">《用户服务协议》</text>
						</view>
						
					</view>
				</uni-forms>
				
			</view>
			
			<view class="padded-t-15 text-center">
				<text>万道发展</text>
			</view>
			<view class="text-center font-12 color-B1B8C7">
				<text>独立经纪人移动展示平台</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				formData: {
					mobile: '',
					password: '',
					agreement: [1]
				},
				rules: {},
				agreement: [
					{
						value: 1
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	@import '@/static/login.scss';
	
	.form-item-view {
		padding: 10px 0 5px 0;
		
		.uni-forms-item {
			margin: 0;
			
			::v-deep .content-clear-icon {
				padding-left: 0;
			}
		}
	}
	
	::v-deep .uni-forms-item.is-direction-top .uni-forms-item__label {
		padding: 0;
	}
	
	.login-bottom {
		padding: 15px;
		padding-top: 20px;
		display: flex;
		justify-content: center;
		
		::v-deep .uni-data-checklist .checklist-group .checklist-box {
			margin: 0;
		}
	}
</style>
